<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:f="http://java.sun.com/jsf/core" template="templates/base.xhtml">
	<ui:define name="content">
	<ui:decorate template="decorates/post.xhtml">
	<ui:define name="titulo">Edicion de libro:</ui:define>
	<ui:define name="contenido">
 	 <h:messages showDetail="#{true}" showSummary="#{false}" />
 	 #{miEjemplo.libro.editorial.nombre}
	<h:form id="miFormulario">
		<br/>
	<b>Fecha Publicacion:</b>
	<hr/>
	<rich:calendar value="#{miEjemplo.libro.fechaPublicacion}" />
	<br/>
	<b>Nombre:</b>
	<hr/>
	  <h:message  for="nombreInput" style="background-color:blue;color:white;"/>
	<h:inputText value="#{miEjemplo.libro.nombre}" binding="#{binding.nombre}" id="nombreInput">
	
		<f:ajax execute="@form" render="miFormulario:result" event="keyup"  listener="#{miEjemplo.escucha}"/>
	</h:inputText>
	<br/>
	<br/>
	<b>Editorial:</b>
	<hr/>
	<h:selectOneMenu id="som" value="#{miEjemplo.libro.editorial}" title="select any one in this menu" converter="editorialConverter">
	<f:selectItems value="#{miEjemplo.editoriales}" ></f:selectItems>
	</h:selectOneMenu>
	<br/>
	<br/>
	<h:commandButton value="envia" action="#{miEjemplo.guardaLibro}"></h:commandButton>
	<br/>
	<br/>
	<br/>
	<br/>
	<br/>
	<br/>
	
	<hr />
		SALIDA AJAX:<b> <h:outputText id="result" value="#{miEjemplo.libro.nombre}" /></b>
	<hr />
	</h:form>
	</ui:define>.
	</ui:decorate>
	</ui:define>
</ui:composition>
